<template>
  <div>
    <Header v-show="$store.state.navigationalState"></Header>
    <router-view></router-view>
    <Footer v-show="$store.state.navigationalState"></Footer>
  </div>
</template>

<script>
import Header from '@/components/HeadAndFeet/header.vue';
import Footer from '@/components/HeadAndFeet/footer.vue';

export default {
  name: 'App',
  components: {
    Header,
    Footer
  },
  activated(){
        console.log('阅读被激活了')
    },
    deactivated(){
        console.log('阅读被失活了')
    }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}
</style>
